<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>本店巨惠卡</title>
    <script src="js/flexible.js"></script>
    <link rel="stylesheet" href="css/flexible.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/vant.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/main.js"></script>
    <script src="js/vue/vue.js"></script>
    <script src="js/vue/axios.js"></script>
    <script src="js/vue/MD5.js"></script>
    <script src="js/vue/qs.js"></script>
    <script src="js/vue/vant.js"></script>
    <style>
        .curriculum_kc .content {
            width: 2.6rem;
        }
        .right_a{
            float: right;
            width: 0.07rem;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="cc">
        
        <!--本店巨惠卡-->
        <div class="venuercard">
            <template>
                <div class="list">
                    <div @click="cardClick(item.id)" class="card" v-for="item in cardList" :key="item.id">
                        <div class="icon">
                            <img v-if="item.Cardtype=='30'" src="images/card30.png">
                            <img v-else-if="item.Cardtype=='10'" src="images/card10.png">
							<img v-else-if="item.Cardtype=='70'" src="images/card70.png">
                            <img v-else src="images/card20.png">
                        </div>
                        <div class="content">
                            <div class="top">{{item.Cardname}}</div>
                            <div class="bottom"><span class="l">巨惠价</span><span class="r">￥{{item.Charge}}</span></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div> 
            </template>
        </div>
     
    </div>
</div>
</body>
<script>
var vm=new Vue({
    el: '#app',
    data: {
        vids:'',
        cardList:[],
    },
    created(){
        this.getlist()
    },
    methods:{
        //团课数据的获取
        getlist(){
            window.vant.Toast.loading({
                mask: true,
                message: '加载中...'
            });
            const params={
                Sid:this.Sid
            }
            getVs()     
            axios.get('/mobileapi/member/index.php?act=venue_card',{params:params}).then(data =>{
                console.log(data.data)
                let { msg, code,user} = data.data
                        if (code !== 200) {
                            window.vant.Toast.fail(msg)
                        } else {
                            data=data.data
                            this.cardList=data.data
                        }
                }).catch(function (error) { 
                    console.log(error); 
            });
        },
        //预约
        cardClick(id){
        	if(sessionStorage.getItem("type")=='logo'){
                window.location.href='membercard_detail.html?csid='+id+'&vid='+sessionStorage.getItem('vid')+''
            }
        },
    }
    
})
</script>
</html>